.components-box{
  .com-drag{
    display: flex;
    align-items: center;
    .drag {
      fill: #A3A3A3;
      margin-right: 8px;
    }
  }
  .ant-collapse {
     background: #484848;
     color: #A0A0A0;
     border: none;
     & > .ant-collapse-item {
       border-bottom: 1px solid #777;
       & > .ant-collapse-header{
         padding: 4px 16px 4px 40px;
         color: #A0A0A0;
         .ant-collapse-arrow{
           padding: 4px 0;
         }
       }
     }
     .ant-collapse-content{
       border-top: none;
       .ant-collapse-content-box{
         padding: 0;
         .ant-list-items{
           background: #383838;
           color: #A0A0A0;
           .ant-list-item{
             padding: 4px 8px;
             color: #A0A0A0;
             border-bottom: 1px solid #686868;
             cursor: move;
             &:last-of-type {
               border-bottom: none;
             }
           }
         }

       }
     }

   }

}
